.content {
  background-color: #fff;
  width: calc(100% - 30px);
  margin: 15px 15px 0;
  height: calc(100% - 15px);
  padding: 20px 15px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  .title {
    font-weight: 500;
    font-size: 16px;
    color: #1b2431;
    position: relative;
    margin: 0 0 20px 0;
    padding-left: 15px;
    &::after {
      content: "";
      width: 7px;
      height: 16px;
      background: #3d7fff;
      position: absolute;
      left: 0;
      top: 0;
    }
  }
  .swiper-box {
    width: 100%;
    .avatar-uploader {
      ::v-deep.el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        margin: 0 0 10px 10px;
        &:hover {
          border-color: #409eff;
        }
        .avatar-uploader-icon {
          font-size: 28px;
          color: #dde2ee;
          width: 250px;
          height: 79px;
          line-height: 79px;
          text-align: center;
        }
      }
    }
    .img {
      width: 250px;
      height: 79px;
      border: 1px solid #fff;
      border-radius: 6px;
      object-fit: cover;
      margin: 0 0 10px 10px;
    }
  }
  .case-box {
    margin-bottom: 55px;
    .avatar-uploader-icon {
      width: 163px !important;
      height: 110px !important;
      line-height: 110px !important;
    }
    .img {
      width: 163px !important;
      height: 110px !important;
      border: 1px solid #fff;
      border-radius: 6px;
      object-fit: cover;
      margin: 0 0 10px 10px;
    }
  }
  .tinymce-box {
    width: 100%;
    margin-bottom: 20px;
    .html-box {
      width: 375px;
      height: 600px;
      border: 1px solid #cccccc;
      margin-left: 20px;
      padding: 0 5px;
      box-sizing: border-box;
      overflow-y: auto;
      overflow-x: hidden;
    }
    ::v-deep .tox-tinymce {
      min-height: 600px;
    }
  }
}
